<template>
    <div class="blog">
        <about-banner name="这是关于这个网站的页面" :image="image"></about-banner>
        <el-row>
            <el-col style="min-height: 100vh" :span="14" :offset="5" >
                <h1>关于的说明</h1>
                <h3>这是一个关于的说明本人作为一个后端学习人员，写这个网站太难了，随随便便写这个关于的界面了</h3>
            </el-col>
        </el-row>
    </div>
</template>

<script>
import AboutBanner from "@/components/body/AboutBanner";

export default {
    name: "About",
    data() {
        return {
            image: '/static/website/background.jpg',
            avatar: 'https://cube.elemecdn.com/6/94/4d3ea53c084bad6931a56d5158a48jpeg.jpeg'
        }
    },
    components: {
        AboutBanner,
    }
}
</script>

<style scoped>
.blog {
    min-height: 10rem;
}
.card-title{
    font-weight: bold;
    font-size: 18px;
    font-family: 微软雅黑, serif;
}
.tag{
    cursor: pointer;
    margin-bottom: 10px;
    margin-right: 10px;
}
</style>
